Adwaita: path-bar style fixes
authorLapo Calamandrei <calamandrei@gmail.com>
Tue, 8 Mar 2016 15:06:55 +0000 (16:06 +0100)
committerLapo Calamandrei <calamandrei@gmail.com>
Tue, 8 Mar 2016 15:08:24 +0000 (16:08 +0100)
what we used to do here doesn't really work anymore, so this adapt
to gtk+ and theme changes.

gtk/theme/Adwaita/_common.scss
gtk/theme/Adwaita/gtk-contained-dark.css
gtk/theme/Adwaita/gtk-contained.css

index f8ac6143319acf62d0608882254e5b3022b821ce..5c55df6a342865c452a187ba03394b80f4e490ad 100644 (file)
@@ -1390,17 +1390,23 @@ headerbar {
  * Pathbars *
  ************/
 .path-bar button {
-  &:only-child {
-    padding-left: 12px;
-    padding-right: 12px;
+  &.text-button, &.image-button, & {
+    padding-left: 4px;
+    padding-right: 4px;
   }
 
-  // the following is for spacing the icon and the label inside the home button
-  & label:last-child { padding-left: 2px; }
-  & label:first-child { padding-right: 2px; }
-  & label:only-child { padding-right: 0; padding-left: 0; }
-}
+  &.text-button.image-button label { padding-left: 0; padding-right: 0; }
 
+  &.text-button.image-button, & {
+    label:last-child { padding-right: 8px; }
+    label:first-child { padding-left: 8px; }
+  }
+
+  image {
+    padding-left: 4px;
+    padding-right: 4px;
+  }
+}
 
 /**************
  * Tree Views *
index 722b69fa9fe7d21d23cc9ce3bd655f5474442b0a..7ecd0e3d789200c9d04a27fd71eb22dfb4b2491e 100644 (file)
@@ -1734,16 +1734,19 @@ window.csd > .titlebar:not(headerbar) {
 /************
  * Pathbars *
  ************/
-.path-bar button:only-child {
-  padding-left: 12px;
-  padding-right: 12px; }
-.path-bar button label:last-child {
-  padding-left: 2px; }
-.path-bar button label:first-child {
-  padding-right: 2px; }
-.path-bar button label:only-child {
-  padding-right: 0;
-  padding-left: 0; }
+.path-bar button.text-button, .path-bar button.image-button, .path-bar button {
+  padding-left: 4px;
+  padding-right: 4px; }
+.path-bar button.text-button.image-button label {
+  padding-left: 0;
+  padding-right: 0; }
+.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child {
+  padding-right: 8px; }
+.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child {
+  padding-left: 8px; }
+.path-bar button image {
+  padding-left: 4px;
+  padding-right: 4px; }
 
 /**************
  * Tree Views *
index 1dcf89c04b624d0e622e38fbbcb01a1da1fafd50..4e4a32f191afd2d7c77e84bf304e9b8f307f1f8e 100644 (file)
@@ -1738,16 +1738,19 @@ window.csd > .titlebar:not(headerbar) {
 /************
  * Pathbars *
  ************/
-.path-bar button:only-child {
-  padding-left: 12px;
-  padding-right: 12px; }
-.path-bar button label:last-child {
-  padding-left: 2px; }
-.path-bar button label:first-child {
-  padding-right: 2px; }
-.path-bar button label:only-child {
-  padding-right: 0;
-  padding-left: 0; }
+.path-bar button.text-button, .path-bar button.image-button, .path-bar button {
+  padding-left: 4px;
+  padding-right: 4px; }
+.path-bar button.text-button.image-button label {
+  padding-left: 0;
+  padding-right: 0; }
+.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child {
+  padding-right: 8px; }
+.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child {
+  padding-left: 8px; }
+.path-bar button image {
+  padding-left: 4px;
+  padding-right: 4px; }
 
 /**************
  * Tree Views *